#yii-debug-toolbar-logo {
	position: fixed;
	right: 31px;
	bottom: 4px;
}

.yii-debug-toolbar {
	font: 11px Verdana, Arial, sans-serif;
	text-align: left;
	width: 96px;
	transition: width .3s ease;
	z-index: 1000000;
}

.yii-debug-toolbar_active {
	width: 100%;
}

.yii-debug-toolbar_position_top {
	margin: 0 0 20px 0;
	width: 100%;
}

.yii-debug-toolbar_position_bottom {
	position: fixed;
	right: 0;
	bottom: 0;
	margin: 0;
}

.yii-debug-toolbar__bar {
	position: relative;
	padding: 0;
	font: 11px Verdana, Arial, sans-serif;
	text-align: left;
	overflow: hidden;
	box-sizing: content-box;
	background: rgb(255, 255, 255);
	background: -moz-linear-gradient(top, rgb(255, 255, 255) 0%,
		rgb(247, 247, 247) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(255, 255, 255) 0%,
		rgb(247, 247, 247) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(255, 255, 255) 0%,
		rgb(247, 247, 247) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',
		endColorstr='#f7f7f7', GradientType=0); /* IE6-9 */
	border: 1px solid rgba(0, 0, 0, 0.11);
	/* ensure debug toolbar text is displayed ltr even on rtl pages */
	direction: ltr;
}

.yii-debug-toolbar.yii-debug-toolbar_active:not (.yii-debug-toolbar_animating
	) .yii-debug-toolbar__bar {
	overflow: visible;
}

.yii-debug-toolbar:not (.yii-debug-toolbar_active ) .yii-debug-toolbar__bar
	{
	height: 40px;
}

.yii-debug-toolbar__bar:after {
	content: '';
	display: table;
	clear: both;
}

.yii-debug-toolbar__view {
	height: 0;
	overflow: hidden;
	background: white;
}

.yii-debug-toolbar__view iframe {
	margin: 0;
	padding: 0;
	padding-top: 10px;
	height: 100%;
	width: 100%;
	border: 0;
}

.yii-debug-toolbar_iframe_active .yii-debug-toolbar__view {
	height: 100%;
}

.yii-debug-toolbar_iframe_animating .yii-debug-toolbar__view {
	transition: height .3s ease;
}

.yii-debug-toolbar__block {
	float: left;
	margin: 0;
	border-right: 1px solid rgba(0, 0, 0, 0.11);
	padding: 4px 8px;
	line-height: 32px;
	white-space: nowrap;
}

.yii-debug-toolbar__block_active, .yii-debug-toolbar__ajax:hover {
	background: rgb(247, 247, 247); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(247, 247, 247) 0%,
		rgb(224, 224, 224) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(247, 247, 247) 0%,
		rgb(224, 224, 224) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(247, 247, 247) 0%,
		rgb(224, 224, 224) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',
		endColorstr='#e0e0e0', GradientType=0); /* IE6-9 */
}

.yii-debug-toolbar__block a {
	display: inline-block;
	text-decoration: none;
	color: black;
}

.yii-debug-toolbar__block img {
	vertical-align: middle;
}

.yii-debug-toolbar__label {
	display: inline-block;
	padding: 2px 4px;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
	white-space: nowrap;
	vertical-align: baseline;
	color: #ffffff;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
	background-color: #999999;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.yii-debug-toolbar__label:empty {
	display: none;
}

a.yii-debug-toolbar__label:hover, a.yii-debug-toolbar__label:focus {
	color: #ffffff;
	text-decoration: none;
	cursor: pointer;
}

.yii-debug-toolbar__label_important, .yii-debug-toolbar__label_error {
	background-color: #b94a48;
}

.yii-debug-toolbar__label_important[href] {
	background-color: #953b39;
}

.yii-debug-toolbar__label_warning, .yii-debug-toolbar__badge_warning {
	background-color: #f89406;
}

.yii-debug-toolbar__label_warning[href] {
	background-color: #c67605;
}

.yii-debug-toolbar__label_success {
	background-color: #468847;
}

.yii-debug-toolbar__label_success[href] {
	background-color: #356635;
}

.yii-debug-toolbar__label_info {
	background-color: #3a87ad;
}

.yii-debug-toolbar__label_info[href] {
	background-color: #2d6987;
}

.yii-debug-toolbar__label_inverse, .yii-debug-toolbar__badge_inverse {
	background-color: #333333;
}

.yii-debug-toolbar__label_inverse[href],
	.yii-debug-toolbar__badge_inverse[href] {
	background-color: #1a1a1a;
}

.yii-debug-toolbar__title {
	background: rgb(247, 247, 247); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(247, 247, 247) 0%,
		rgb(224, 224, 224) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(247, 247, 247) 0%,
		rgb(224, 224, 224) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(247, 247, 247) 0%,
		rgb(224, 224, 224) 100%);
	/* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f7f7f7',
		endColorstr='#e0e0e0', GradientType=0); /* IE6-9 */
}

.yii-debug-toolbar__block_last {
	/* creates space for .yii-debug-toolbar__toggle, .yii-debug-toolbar__external */
	width: 80px;
	height: 40px;
	float: left;
}

.yii-debug-toolbar__toggle, .yii-debug-toolbar__external {
	cursor: pointer;
	position: absolute;
	width: 30px;
	height: 30px;
	font-size: 25px;
	font-weight: 100;
	line-height: 28px;
	color: #ffffff;
	text-align: center;
	opacity: 0.5;
	filter: alpha(opacity = 50);
	transition: opacity .3s ease;
}

.yii-debug-toolbar__toggle:hover, .yii-debug-toolbar__toggle:focus,
	.yii-debug-toolbar__external:hover, .yii-debug-toolbar__external:focus
	{
	color: #ffffff;
	text-decoration: none;
	opacity: 0.9;
	filter: alpha(opacity = 90);
}

.yii-debug-toolbar__toggle-icon, .yii-debug-toolbar__external-icon {
	display: inline-block;
	background-position: 50% 50%;
	background-repeat: no-repeat;
}

.yii-debug-toolbar__toggle {
	right: 10px;
	bottom: 4px;
}

.yii-debug-toolbar__toggle-icon {
	padding: 7px 0;
	width: 10px;
	height: 16px;
	background-image:
		url('');
	transition: -webkit-transform .3s ease-out;
	transition: transform .3s ease-out;
	-webkit-transform: rotate(180deg);
	transform: rotate(180deg);
}

.yii-debug-toolbar_active .yii-debug-toolbar__toggle-icon {
	-webkit-transform: rotate(0);
	transform: rotate(0);
}

.yii-debug-toolbar_iframe_active .yii-debug-toolbar__toggle-icon {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.yii-debug-toolbar__external {
	display: none;
	right: 50px;
	bottom: 4px;
}

.yii-debug-toolbar_iframe_active .yii-debug-toolbar__external {
	display: block;
}

.yii-debug-toolbar__external-icon {
	padding: 8px 0;
	width: 14px;
	height: 14px;
	background-image:
		url('');
}

.yii-debug-toolbar__ajax {
	position: relative;
}

.yii-debug-toolbar__ajax:hover .yii-debug-toolbar__ajax_info,
	.yii-debug-toolbar__ajax:focus .yii-debug-toolbar__ajax_info {
	visibility: visible;
}

.yii-debug-toolbar__ajax_info {
	visibility: hidden;
	transition: visibility .2s linear;
	background-color: white;
	box-shadow: inset 0 -10px 10px -10px #e1e1e1;
	position: absolute;
	bottom: 40px;
	left: -1px;
	padding: 10px;
	max-width: 480px;
	max-height: 480px;
	word-wrap: break-word;
	overflow: hidden;
	overflow-y: auto;
	box-sizing: border-box;
	border: 1px solid rgba(0, 0, 0, 0.11);
	z-index: 1000001;
}

.yii-debug-toolbar__ajax a {
	color: #337ab7;
}

.yii-debug-toolbar__ajax table {
	width: 100%;
	table-layout: auto;
	border-spacing: 0;
	border-collapse: collapse;
}

.yii-debug-toolbar__ajax table td {
	padding: 4px;
	font-size: 12px;
	line-height: normal;
	vertical-align: top;
	border-top: 1px solid #ddd;
}

.yii-debug-toolbar__ajax table th {
	padding: 4px;
	font-size: 11px;
	line-height: normal;
	vertical-align: bottom;
	border-bottom: 2px solid #ddd;
}

.yii-debug-toolbar__ajax_request_status {
	color: white;
	padding: 2px 5px;
}

.yii-debug-toolbar__ajax_request_url {
	max-width: 170px;
	overflow: hidden;
	text-overflow: ellipsis;
}